html,body {  font-size:14px; height:100%;  }
.hover{ opacity: .8; }

.flex-wrap{ display: -webkit-box;	display: -webkit-flex;	display: flex; }
.flex-con{     -webkit-box-flex: 1;     -webkit-flex: 1;    flex: 1;}
.flex-vertical{ -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;}

.border-t,
.border-b{ position:relative;  }
.border-t:before,
.border-b:after{     content: '';     position: absolute;     left: 0;  top:0;     background: #ddd;   right:0;    height: 1px;     -webkit-transform: scaleY(0.5);             transform: scaleY(0.5);     -webkit-transform-origin: 0 0;             transform-origin: 0 0; }
.border-b:after{ top:auto; bottom:0;  }
input,textarea{
  outline: none;
}
select{
  border: 0;
  outline: none;
  background:rgba(0,0,0,0);
  appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
#wrap{ height: 100%; }
#header{
  text-align: center;
  position: fixed;;
  line-height: 45px;
  color: white;
  width: 100%;
  left:0;
  top:0;
  font-size: 18px;
  z-index: 99;
}
#header .left{
  position: absolute;
  left:13px;
  width: 22px;
}
#header .right{
  position: absolute;
  right:13px;
}
#header .left i , #header .right i{
  color: white;
  font-size: 18px;
}
